<script setup>
/*
    {{}} : 插值表达式 ， 结果和v-text 一致 ， 渲染标签中文本内容
    v-text : 相当于innerText , 渲染标签中文本内容
    v-html : 相当于innerHTML , 渲染（文本+标签）内容 , 并且会解析标签
    /*
  属性渲染：
  v-bind:属性名=""
  :属性名=""
*/
let msg = "Hello ! "
let sayHello = () => {
  return "Hello Vue"
}
let num = 1
</script>

<template>
  <div>
    <p>{{ msg }}</p>
    <p>{{ sayHello() }}</p>
    <p v-text="msg"></p>
    <p v-text="sayHello()"></p>
    <p v-text="sayHello() + ' hahahaha'"></p>
    <p v-html="msg"></p>
    <p>{{ ++num }}</p>
    <p>zheshi : {{ sayHello() }} , 'zhangsan'</p>
  </div>

</template>

<style scoped>

</style>
